@import "../../../../css/common-var.less";

.u-comment {
  border-radius: 4px;
  // 设置的边框和内边距的值是包含在width内
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 20px;

  .comment-form {
    padding-top: 20px;

    .reply-header {
      color: @dark-font-color;
      display: flex;
      align-items: flex-start;
      height: 39px;
      font-size: 15px;
      font-weight: 700;
      border-bottom: 1px solid @border-color_normal;
      margin-top: 28px;
    }

    .content {
      margin-top: 20px;
      display: flex;

      .avatar-box {
        margin-right: 16px;

        .un-login-avatar {
          font-size: 22px;
          color: #B2B9C1;
        }
      }

      .input-lock {
        min-height: 70px;
        max-height: 80px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        border-radius: 4px;
        font-size: 14px;

        .lock-tip {
          display: flex;
          flex-wrap: nowrap;
        }
      }
    }
  }

  .comment-list-wrapper {
    padding: 40px 0 60px;

    .comment-empty {
      color: var(--title-color);
      display: flex;
      justify-content: center;
      min-height: 20px;
    }

    .title {
      display: flex;
      align-items: center;
      position: relative;
      line-height: 30px;
      font-weight: 600;
      font-size: 18px;
      width: 100%;
      justify-content: space-between;
      padding-bottom: 8px;
    }
  }
}
